<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>49 async</title>
</head>

<body>
    <p>概述：
        <br>async 和 await 两种语法结合可以让异步代码看起来像同步代码一样；
        <br>简化异步函数的写法；
        <br>async 函数：
        <br>概述：
        <br>1. async 函数的返回值为 promise 对象；
        <br>2. promise 对象的结果由 async 函数执行的返回值决定；
    </p>
    <!--
概述：
async 和 await 两种语法结合可以让异步代码看起来像同步代码一样；
简化异步函数的写法；

async 函数：
概述：
1. async 函数的返回值为 promise 对象；
2. promise 对象的结果由 async 函数执行的返回值决定；
        -->
    <script>
        async function fn() {
            // return '1234';
            // throw new Error('出错了');
            return new Promise((resolve, reject) => {
                // resolve('成功');
                reject('failed');
            })
        }

        const result = fn();

        // console.log(result);
        result.then(value => {
            console.log(value)
        }, reason => {
            console.warn(reason);
        });

    </script>
</body>

</html>